@charset "utf-8";
/* CSS Document */

/* html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
*{margin:0 ; padding:0;}
body{ font-family:"微软雅黑"; font-size:12px; color:#000;min-width:1200px;}
.z { margin:0 auto; width:1200px;min-width:1200px}
.r { float:right;}
.l { float:left;}
.clear { clear:both;}
li { list-style:none;}
a { text-decoration:none;color:#333333;}
img { border:0;} */

.z { margin:0 auto; width:1200px;min-width:1200px}
.r { float:right;}
.l { float:left;}
.clear { clear:both;}


/*单页面关于我们 */
.gy_about { padding-top:70px;}
.gy_about_l { width:545px;}
.gy_about_r { width:600px;}
.gy_about_r_t { margin-top:33px; height:66px; line-height:66px; width:600px; position:relative; background:url(../images/ny_about_t.png) no-repeat 200px center;}
.gy_about_r_t span { display:block; position:absolute;height:66px; width:316px;  text-align:center; left:-150px; top:0; background:#ff0000; color:#fff; font-size:24px;}
.gy_about_r_title span{ font-size:30px; display:block; color:#1d1d1d;font-family:"微软雅黑";}
.gy_about_r_title{ border-bottom:1px solid #ff0000; padding-bottom:15px; margin-bottom:15px; font-size:16px; color:#a1a0a0;font-family:"Arial"; margin-top:76px;}
.gy_about_r_info { line-height:35px; font-size:16px; color:#282828;}


.gy_about_ys { margin-top:70px;width:100%; height:574px; background:url(../images/ny_about_ysbj.jpg) no-repeat  center top; margin-bottom:50px;}
.gy_about_ys_z { padding-top:56px;}
.gy_about_ys_title { color:#ff0000; font-size:30px; font-weight:bold; text-align:center;}
.gy_about_ys_info li { float:left; margin-left:5px; width:236px; height:380px; background:#fff; color:#3c3c3c;}
.gy_about_ys_info_img { width:106px; height:106px; border-radius:106px; text-align:center; margin:25px auto; -moz-box-shadow:0px 0px 10px #F1F1F1; -webkit-box-shadow:0px 0px 10px #F1F1F1; box-shadow:0px 0px 10px #F1F1F1;}
.gy_about_ys_info li:nth-child(1) { margin-left:0;}
.gy_about_ys_info li:nth-child(1) .gy_about_ys_info_img  {  background:url(../images/ny_about_ys01.png) no-repeat center center;}
.gy_about_ys_info li:nth-child(2) .gy_about_ys_info_img  {  background:url(../images/ny_about_ys02.png) no-repeat center center;}
.gy_about_ys_info li:nth-child(3) .gy_about_ys_info_img  {  background:url(../images/ny_about_ys03.png) no-repeat center center;}
.gy_about_ys_info li:nth-child(4) .gy_about_ys_info_img  {  background:url(../images/ny_about_ys04.png) no-repeat center center;}
.gy_about_ys_info li:nth-child(5) .gy_about_ys_info_img  {  background:url(../images/ny_about_ys05.png) no-repeat center center;}
.gy_about_ys_info_t { font-size:18px; font-weight:bold; text-align:center; }
.gy_about_ys_info_i { line-height:25px; padding:0 20px;margin-bottom: 15px;}
.gy_about_ys_info { padding-top:50px;}





/*单页面企业文化 */
.wh_about { padding-top:70px;overflow: hidden;}
.wh_about ul li { float:left; width:187px; height:187px; text-align:center; color:#fff; font-size:16px; line-height:25px; }
.wh_about ul li:nth-child(1) {  background:url(../images/ny_wh_q01.png) no-repeat center top; margin-left:170px;}
.wh_about ul li:nth-child(2) { background:url(../images/ny_wh_q02.png) no-repeat center top;margin-left:145px;}
.wh_about ul li:nth-child(3) { background:url(../images/ny_wh_q03.png) no-repeat center top;margin:0 0 0 150px;}
.wh_about ul li:nth-child(4) { background:url(../images/ny_wh_q04.png) no-repeat center top;margin-left:0;}
.wh_about ul li:nth-child(5) { background:url(../images/ny_wh_q05.png) no-repeat center top;margin-left:150px;}
.wh_about ul li:nth-child(6) { background:url(../images/ny_wh_q06.png) no-repeat center top;margin-left:150px;}
.wh_about ul li:nth-child(7) { background:url(../images/ny_wh_q07.png) no-repeat center top;margin-left:150px;}
.wh_about ul li span { display:block;font-size:20px; font-weight:bold; padding:45px 0 15px 0;}

.wh_about_info { margin-top:75px; margin-bottom:70px; overflow:hidden;}
.wh_about_info ul li {width:389px; height:452px; background:#fff; border:1px solid #e0e0e0; float:left; margin-left:13px;}
.wh_about_info ul li:nth-child(1)  { margin-left:0;}
.wh_about_info ul li .wh_about_info_t { padding:30px 0;text-align:center; font-size:20px; font-weight:bold; color:#ff0000;}
.wh_about_info ul li .wh_about_info_i { font-size:14px; color:#353535; line-height:25px; padding:0 45px;}





/*单页面企业邮箱 */
.banner_yx { height:475px; width:100%; background:url(../images/banner_yj.jpg) no-repeat center top;}
.yx_about_a { width:100%; height:552px;  background:url(../images/yx_tubj.jpg) no-repeat center top;}
.yx_about_t { padding-bottom:20px; background:url(../images/hx_gn_lin.jpg) no-repeat center bottom; font-size:30px; color:#2a2a2a; text-align:center; margin:60px 0 30px 0;}
.yx_about_az { padding-top:20px;}
.yx_about_a #tab .tab_menu li { font-size:16px; color:#252525; float:left; width:116px; margin-left:100px; text-align:center;}
.yx_about_a #tab .tab_menu li:hover{ color:#ff0000;}
.yx_about_a #tab .tab_menu li:nth-child(1) {  margin-left:0;}
.yx_about_a #tab .tab_menu li div {width:116px; height:116px; border-radius:116px; margin-bottom:15px;}
.yx_about_a #tab .tab_menu li .yx_about_az_img01 { background:#f26d6e url(../images/hx_img01.png) no-repeat center center; border:1px solid #f26d6e;}
.yx_about_a #tab .tab_menu li:hover .yx_about_az_img01 { background: url(../images/hx_img01_01.png) no-repeat center center; border:1px solid #f26d6e;}
.yx_about_a #tab .tab_menu li .yx_about_az_img02 { background:#449ff2 url(../images/hx_img02.png) no-repeat center center; border:1px solid #449ff2;}
.yx_about_a #tab .tab_menu li:hover .yx_about_az_img02 { background: url(../images/hx_img02_01.png) no-repeat center center; border:1px solid #449ff2;}
.yx_about_a #tab .tab_menu li .yx_about_az_img03 { background:#a9de50 url(../images/hx_img03.png) no-repeat center center; border:1px solid #a9de50;}
.yx_about_a #tab .tab_menu li:hover .yx_about_az_img03 { background: url(../images/hx_img03_01.png) no-repeat center center; border:1px solid #a9de50;}
.yx_about_a #tab .tab_menu li .yx_about_az_img04 { background:#c28bde url(../images/hx_img04.png) no-repeat center center; border:1px solid #c28bde;}
.yx_about_a #tab .tab_menu li:hover .yx_about_az_img04 { background: url(../images/hx_img04_01.png) no-repeat center center; border:1px solid #c28bde;}
.yx_about_a #tab .tab_menu li .yx_about_az_img05 { background:#53c39d url(../images/hx_img05.png) no-repeat center center; border:1px solid #53c39d;}
.yx_about_a #tab .tab_menu li:hover .yx_about_az_img05 { background: url(../images/hx_img05_01.png) no-repeat center center; border:1px solid #53c39d;}
.yx_about_a #tab .tab_menu li .yx_about_az_img06 { background:#f5c557 url(../images/hx_img06.png) no-repeat center center; border:1px solid #f5c557;}
.yx_about_a #tab .tab_menu li:hover .yx_about_az_img06 { background: url(../images/hx_img06_01.png) no-repeat center center; border:1px solid #f5c557;}

.yx_about_info_a { text-align:center;}
.yx_about_info_a img{ margin: 0 auto; }

.yx_about_a #tab{width:1200px;position:relative; margin:0 auto;}
.yx_about_a #tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; padding-top:20px;}



.yx_about_a #tab .tab_box{width:1200px;clear:both;top:200px;position:relative;}
.yx_about_a #tab .tab_menu .selected{ color:#ff0000;cursor:pointer;}
.yx_about_a #tab .tab_menu .selected .yx_about_az_img01 { background: url(../images/hx_img01_01.png) no-repeat center center; border:1px solid #f26d6e;}
.yx_about_a #tab .tab_menu .selected .yx_about_az_img02 { background: url(../images/hx_img02_01.png) no-repeat center center; border:1px solid #449ff2;}
.yx_about_a #tab .tab_menu .selected .yx_about_az_img03 { background: url(../images/hx_img03_01.png) no-repeat center center; border:1px solid #a9de50;}
.yx_about_a #tab .tab_menu .selected .yx_about_az_img04 { background: url(../images/hx_img04_01.png) no-repeat center center; border:1px solid #c28bde;}
.yx_about_a #tab .tab_menu .selected .yx_about_az_img05 { background: url(../images/hx_img05_01.png) no-repeat center center; border:1px solid #53c39d;}
.yx_about_a #tab .tab_menu .selected .yx_about_az_img06 { background: url(../images/hx_img06_01.png) no-repeat center center; border:1px solid #f5c557;}

.yx_about_a .hide{display:none;}
.yx_about_a .tab_box div{padding:10px;} 


.yx_about_info_b { padding-top:22px;}
.yx_about_info_b_l { width:495px; color:#424242; font-size:16px; line-height:35px;}
.yx_about_info_b_l span { display:block; font-size:24px; padding:10px 0 20px 0;}
.yx_about_info_b_r { width:420px;}


.yx_about_info_c { padding-top:22px;}
.yx_about_info_c_l { width:495px; color:#424242; font-size:16px; line-height:30px;}
.yx_about_info_c_l span { display:block; font-size:24px; padding:0 0 5px 0;}
.yx_about_info_c_r { width:420px;}

.yx_about_info_d { padding-top:22px;}
.yx_about_info_d_l { width:495px; color:#424242; font-size:16px; line-height:35px;}
.yx_about_info_d_l span { display:block; font-size:24px; padding:10px 0 20px 0;}
.yx_about_info_d_r { width:420px;}


.yx_about_info { padding-top:22px;}
.yx_about_info_l { width:495px; color:#424242; font-size:16px; line-height:35px;}
.yx_about_info_l span { display:block; font-size:24px; padding:60px 0 20px 0;}
.yx_about_info_r { width:420px;}

.yx_about_gn { width:100%; height:553px; background:url(../images/hx_gnbj.jpg) no-repeat center top;}
.yx_about_gn_z { padding-top:40px;}
.yx_about_gn_t { color:#262626; font-size:30px;padding-bottom:20px; background:url(../images/hx_gn_lin.jpg) no-repeat center bottom; text-align:center;}
.yx_about_gn_l { width:177px; text-align:center; line-height:390px; color:#ff0000; font-weight:bold; font-size:24px;}
.yx_about_gn_r { width:1020px;}

/* film_focus */
.film_focus{width:1020px;overflow:hidden;position:relative;margin:20px auto; height:360px;}
.film_focus .film_focus_imgs_wrap{width:729px; float:right; overflow:hidden;height:360px;}
.film_focus ul.film_focus_imgs{height:auto;position:absolute;right:0;overflow:hidden;width:729px;}
.film_focus ul.film_focus_imgs li{overflow:hidden; height:360px;width:729px;}
.film_focus ul.film_focus_imgs li img{height:360px;width:729px;}
.film_focus ul.film_focus_nav{width:207px;position:absolute;left:0;top:0;z-index:100;}
.film_focus ul.film_focus_nav li{ margin-bottom:8px;width:207px;height:42px;left:0px; text-align:center;word-break:break-all;color:#5b5b5b;font-size:16px;overflow:hidden;line-height:42px; background:#fff; border:solid 1px #dddddd;}
.film_focus ul.film_focus_nav li.cur{width:207px;left:0px;word-break:break-all;color:#fff;overflow:hidden;line-height:42px; background:#ff0000; cursor:pointer; }
.film_focus ul.film_focus_nav li b{display:none;height:105px;width:170px;float:left;}
.film_focus ul.film_focus_nav li span img{ float:left; margin:35px 10px 0 10px;}
.film_focus ul.film_focus_nav li b p img{ float:left; margin:35px 10px 0 10px;}
.film_focus ul.film_focus_nav li.cur b{ font-weight:100;}

.film_focus ul.film_focus_nav li span.zhanl img{ float:left; margin:42px 10px 0 10px;}
.film_focus ul.film_focus_nav li b p{ line-height:105px; font-size:22px; color:#fff;}
.film_focus ul.film_focus_nav li b.zhanl p img{ float:left; margin:42px 10px 0 10px;}
.film_focus ul.film_focus_nav li p{ line-height:105px; color:#aacf53; font-size:22px;}
.film_focus ul.film_focus_nav li span.huod img{ float:left; margin:25px 10px 0 10px;}
.film_focus ul.film_focus_nav li b.huod p img{ float:left; margin:25px 10px 0 10px;}
.film_focus ul.film_focus_nav li.cur b{display:block;vertical-align: middle;display: table-cell;height:105px;width:170px;float:left;}
.film_focus ul.film_focus_nav li.cur span{display:none;}
.film_focus ul.film_focus_nav li b p{ font-size:22px;}




/*单页小程序 */
.banner_xcx  { height:475px; width:100%; background:url(../images/banner_xcx.jpg) no-repeat center top;}
.xcx_ys { padding-top:65px;}
.xcx_ys_t{ padding-bottom:20px; background:url(../images/hx_gn_lin.jpg) no-repeat center bottom; font-size:30px; color:#2a2a2a; text-align:center; margin:0 0 30px 0;}
.xcx_ys_i ul li { float:left; width:288px; margin-left:16px;-moz-box-shadow:0px 0px 10px #eeeeee; -webkit-box-shadow:0px 0px 10px #eeeeee; box-shadow:0px 0px 10px #eeeeee; }
.xcx_ys_i ul li:nth-child(1) {  margin-left:0;}
.xcx_ys_decs { font-size:14px; color:#a3a3a3; padding:30px; line-height:25px;}
.xcx_ys_decs span{ display:block; font-size:24px; color:#40bf13; margin-bottom:15px; }

.xcx_ts { height:625px; width:100%; background:#f2fff5; margin-top:70px;}
.xcx_tsz { padding-top:54px;}
.xcx_ts_t{ padding-bottom:20px; background:url(../images/hx_gn_lin.jpg) no-repeat center bottom; font-size:30px; color:#2a2a2a; text-align:center; margin:0 0 30px 0;}
.xcx_ts_info  { padding-top:10px;}
.xcx_ts_info ul li { float:left; width:196px; height: 195px; margin-left:54px; line-height:20px; color:#5f5f5f; margin-bottom:60px; text-align:center;}
.xcx_ts_info ul li:nth-child(1) {  margin-left:0;}
.xcx_ts_info ul li:nth-child(6) {  margin-left:0;}
.xcx_ts_img { text-align:center; margin-bottom:17px;}
.xcx_ts_img img{ margin: 0 auto; }
.xcx_ts_info ul li span { display:block; color:#4c4d4c; font-size:20px; text-align:center; margin-bottom:10px;}


.xcx_ly {  padding-top:30px;}
.xcx_ly_t{ padding-bottom:15px; background:url(../images/hx_gn_lin.jpg) no-repeat center bottom; font-size:30px; color:#2a2a2a; text-align:center; margin:0 0 30px 0;}
.xcx_ly_info ul li { float:left; width:179px; padding:0 30px; border-left:1px solid #8bcded; height:402px; color:#fff; line-height:25px;}
.xcx_ly_info ul li:nth-child(1) { border-left:0; background:url(../images/xcx_lybj01.jpg) no-repeat center top;}
.xcx_ly_info ul li:nth-child(2) {  background:url(../images/xcx_lybj02.jpg) no-repeat center top;}
.xcx_ly_info ul li:nth-child(3) {  background:url(../images/xcx_lybj03.jpg) no-repeat center top;}
.xcx_ly_info ul li:nth-child(4) {  background:url(../images/xcx_lybj04.jpg) no-repeat center top;}
.xcx_ly_info ul li:nth-child(5) {  background:url(../images/xcx_lybj05.jpg) no-repeat center top;}
.xcx_ly_info ul li span { display:block; font-size:20px; text-align:center; padding:214px 0 15px 0;}


.xcx_sm { width:100%; height:509px; background:url(../images/xcx_smbj.jpg) no-repeat center top; margin-top:94px;margin-bottom: 40px;}
.xcx_sm_z { padding-top:40px;}
.xcx_sm_t { color:#fff; padding-bottom:15px; background:url(../images/hx_gn_linb.jpg) no-repeat center bottom; font-size:30px; text-align:center; margin:0 0 30px 0;}
.xcx_sm_info ul li { float:left; width:285px; background:#fff; margin-left:20px; padding-bottom:30px; overflow:hidden;}
.xcx_sm_info ul li:nth-child(1) { margin-left:0;}
.xcx_sm_info_b { text-align:center; color:#7c7c7c; font-size:18px; font-weight:bold; margin-bottom:30px;}
.xcx_sm_info_c { text-align:center; margin-top:10px;}
.xcx_sm_info_c a { padding:5px 20px; background:#1eb1f5; color:#fff; font-size:16px; border-radius:10px; border:1px solid #1eb1f5}
.xcx_sm_info_c a:hover {  background:#fff; color:#1eb1f5; border:1px solid #1eb1f5}




/*单页域名注册*/
.banner_ym { height:420px; width:100%; background:url(../images/banner_jcfw.jpg) no-repeat center top;}
@charset "utf-8";body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style-type:none}

img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}


.clearLink,.clearLink:hover{cursor:text;text-decoration:none}
.layout{width:1200px;margin:0 auto;clear:both}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0}






/*select*/
.sod_select{ background: #fff url(../images/xicon1.png) 162px center no-repeat; margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; line-height: 1; width: 180px; padding: 17px 10px; color: #555; font-size: 16px; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; cursor: default;}
.sod_select.open{color: #999; } 
.sod_select.disabled{border-color: #828282; color: #b2b2b2; cursor: not-allowed;} 
.sod_select .sod_label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 35px;} 
.sod_select .sod_list{position: absolute; top: 100%; left: 0; display: none; height: auto; width: 200px; background: #ffffff; border-top: none; color: #444444; font-weight: 300; z-index: 1;}
.sod_select.open .sod_list{display: block;} 
.sod_select.disabled.open .sod_list{display: none;}
.sod_select.above .sod_list{top: auto; bottom: 100%; border: none;}
.sod_select .sod_list ul{overflow-y: auto; padding: 0; margin: 0;}
.sod_select .sod_list li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none;}
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled{ background: inherit; color: #939393; font-size: 10px; font-style: italic;} 
.sod_select .sod_list .groupchild{padding-left: 20px;}
.sod_select .sod_list .disabled{background: inherit; color: #cccccc;}
.sod_select .sod_list .active{background: #f7f7f7; color: #333333;} 
.sod_select .sod_list .selected{ padding-right: 25px;} 
.sod_select .sod_list .selected:before{content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(../images/b72df7ae4f964b1197bc2ce4d80bd02f.gif);} /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ 
.sod_select.no_highlight .sod_list .selected{font-weight: 300;} 
.sod_select.no_highlight .sod_list .selected:before{display: none;} 
.sod_select select{display: none !important;}
.sod_select.touch select{-webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1;}
/*base*/
.header{ -webkit-transform: translateZ(0); }
.xi_tover{margin-bottom: 10px; color:#606060; font-size:16px; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.slick-dots { position: absolute; width: 100%; bottom: 25px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ border-radius: 7px; cursor: pointer; width: 13px; overflow: hidden; height: 13px; background: #212121; display: inline-block; zoom: 1; *display: inline; margin: 0 6.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; background: #e50012; border: none;}

@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@keyframes bounceInLeft{
	0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
	0%{opacity:0;transform:translate3d(-100px,0,0)}
	90%{transform:translate3d(5px,0,0)}to{transform:none}
}
.bounceInLeft{animation-name:bounceInLeft}

/*header0817*/
.nav-sub{ background: #fff url(../images/xhxt.png) top center repeat-x; box-shadow: 0 2px 5px rgba(0,0,0,.05); }
.nav-sub .xhicon{ font-size: 0; padding: 24px 0; text-align: center; line-height: 1; }
.nav-sub .xhicon .img{ height: 45px; line-height: 45px; font-size: 0; margin: 10px auto 15px; }
.nav-sub .xhicon .img img{ max-height: 100%; transition: all .25s; -webkit-transition: all .25s; }
.nav-sub .xhicon dd{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 109px; }
.nav-sub .xhicon dd p{ font-size: 14px; color: #666; line-height: 22px; transition: all .25s; -webkit-transition: all .25s; }
.nav-sub .xhicon dd:hover p{ color: #0095e2; }
.nav-sub .xhicon dd:hover img{ -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.nav-sub .xhicon.length8 dd{ width: 125px; }
.nav-sub .xhicon.length7 dd{ width: 145px; }
/*.slick-arrow{ z-index: 1; background-color: rgba(0,0,0,0); outline: none;border: none;width: 50px; height: 60px; top: 50%; margin-top: -30px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute;}*/
.nav-sub .xhicon .slick-prev{ left: -20px; width: 11px; height: 23px; margin-top: -11.5px; background: url(../images/xicon59.png) center no-repeat; }
.nav-sub .xhicon .slick-next{ right: -20px; width: 11px; height: 23px; margin-top: -11.5px; background: url(../images/xicon60.png) center no-repeat; }
.header.an .nav-sub .xhicon{ padding: 18px 0; }
.header.an .nav-sub .xhicon .img{ margin-bottom: 10px; }

/*域名注册*/
.xi_f6f6f6{ background: #f6f6f6; }
.xi_domain{ padding: 30px 0; }
.xi_doform{ font-size: 0; background: #3b99f0; padding: 26px 60px 30px; }
.xi_doh2{ margin-bottom: 23px; font-size: 24px; color: #fff; text-align: center; }
.xi_doinput{ padding: 0 20px; box-sizing: border-box; font-size: 16px; width: 660px; height: 50px; line-height: 50px; _line-height: 50px; *line-height: 50px; border: none; }
.xi_dosub{ font-size: 18px; color: #394855; background: #ffee00; width: 200px; height: 50px; border: none; -webkit-transition: all .2s; transition: all .2s; }
.xi_dosub:hover{ color: #0f70a0; -moz-box-shadow: 0 0 5px 1px #0b98de inset; -webkit-box-shadow: 0 0 5px 1px #0b98de inset; box-shadow: 0 0 5px 1px #0b98de inset; }
.xi_dolink{ font-size: 0; text-align: center; padding: 15px; line-height: 20px; border-bottom: 1px solid #eee; }
.xi_dolink a{ padding: 0 18px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #555; font-size: 14px; }
.xi_dolink a:hover{ color: #3b99f0; }
.xi_doprice{ padding: 60px 0 80px; }
.xi_doadvan{ padding: 60px 0 120px; }
.xi_doetit{ text-transform:uppercase; font-family: 'Aril'; text-align: center; font-weight: 100; margin-bottom: 8px; font-size: 48px; color: #ccc; line-height: 70px; transform: none; }
.xi_doctit{ text-align: center; font-family: '黑体'; font-size: 40px; color: #3b99f0; }
.xi_doplist{ margin-top: 55px; text-align: center; }
.xi_doplist li{ padding-top: 42px; width: 20%; height: 280px; box-sizing: border-box; border: 1px solid #eee; border-left: none; float: left; transition: background-color .25s; -webkit-transition: background-color .25s; transition: transform .25s; -webkit-transition: transform .25s; }
.xi_doplist li:first-child{ border-left: 1px solid #eee; }
.xi_doptop{ font-weight: bold; font-size: 44px; text-transform: uppercase; font-family: '微软雅黑'; }
.xi_dopline{ width: 20px; height: 2px; margin: 25px auto 52px; background: #eee; }
.xi_dopmid{ line-height: 25px; font-size: 16px; color: #999; margin-bottom: 4px; }
.xi_dopbot{ color: #e6000a; font-size: 18px; }
.xi_dopbot em{ font-size: 24px; }
.xi_doplist li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); border: none; position: relative; z-index: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.xi_doplist li:hover *{ color: #fff!important; }
.xi_doadv li{ height: 320px; padding-top: 35px; }
.xi_doadv_h2{ padding: 0 22px; font-size: 20px; color: #555; margin-bottom: 27px; }
.xi_doadv_icon{ width: 100px; height: 100px; line-height: 100px; font-size: 0; border-radius: 50%; margin: 0 auto 32px; display: block; }
.xi_doadv_icon img{ max-width: 80%; max-height: 80%; margin: 0 auto; }
.xi_doadv_p{ height: 72px; padding: 0 22px; font-size: 12px; color: #999; line-height: 24px; }
.xi_doadv li:hover .xi_doadv_icon{ background: #fff; }
.xi_doadv li:hover .xi_doadv_icon img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.xi_li1 .xi_doptop{ color: #ff9000; }
.xi_li1:hover,.xi_li1 .xi_doadv_icon{ background: #ff9000; }
.xi_li2 .xi_doptop{ color: #3b99f0; }
.xi_li2:hover,.xi_li2 .xi_doadv_icon{ background: #3b99f0; }
.xi_li3 .xi_doptop{ color: #57be5b; }
.xi_li3:hover,.xi_li3 .xi_doadv_icon{ background: #57be5b; }
.xi_li4 .xi_doptop{ color: #ff6868; }
.xi_li4:hover,.xi_li4 .xi_doadv_icon{ background: #ff6868; }
.xi_li5 .xi_doptop{ color: #25b49b; }
.xi_li5:hover,.xi_li5 .xi_doadv_icon{ background: #25b49b; }
.xi_donplist{ background: #f6f6f6 url(../images/xbg1.jpg) top center no-repeat; padding: 60px 0; }
.xi_donplist .xi_doetit,.xi_donplist .xi_doctit,.xi_host_sup .xi_doetit,.xi_host_sup .xi_doctit,.xi_ema_fun .xi_doetit,.xi_ema_fun .xi_doctit,.xi_ema_pri .xi_doetit,.xi_ema_pri .xi_doctit{ color: #fff; }
.xi_donpbox{ box-shadow: 0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05); margin-top: 55px; background: #fff; }
.xi_donp_top li{ cursor: pointer; width: 50%; text-align: center; height: 80px; line-height: 80px; float: left; background: #eee; color: #555; font-size: 18px; transition: all .25s; -webkit-transition: all .25s; }
.xi_donp_top li.on{ background: #fff; color: #3b99f0; }
.xi_donp_top li:hover{ color: #3b99f0; }
.xi_donp_bot{ padding: 50px; }
.xi_donp_wrap table{ width: 100%; }
.xi_donp_wrap th{ border: 1px solid #eee; width: 33.3%; box-sizing: border-box; font-size: 16px; color: #333; background: #f6f6f6; height: 50px; padding: 0 30px; line-height: 50px; text-align: left; }
.xi_donp_wrap td{ border: 1px solid #eee; font-size: 14px; color: #555; padding: 12.5px 30px; height: 25px; line-height: 25px; }
.xi_donp_wrap tr span{ color: #007cef; }
.xi_donp_wrap .xi_price{ border-right: none; color: #e6000a; }
.xi_donp_wrap .xi_price.gray{ color: #555; }
.xi_donp_wrap .xi_price em{ font-size: 18px; }
.xi_donp_wrap .xi_new{ color: #e6000a; }
.xi_donp_wrap .xi_new i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: url(../images/xicon2.png) center no-repeat; }
.xi_donp_wrap .xi_hot{ color: #239c28; }
.xi_donp_wrap .xi_hot i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: url(../images/xicon3.png) center no-repeat; }
.xi_donp_wrap tr th:first-child,.xi_donp_wrap tr td:first-child{ border-left: none; }
.xi_donp_bot .xi_donp_wrap{ display: none; opacity: .6; }
.xi_donp_bot .xi_donp_wrap:first-child{ display: block; opacity: 1; }
.xi_doser{ padding: 60px 0 0; background: #f6f6f6 url(../images/xbg2.png) top center no-repeat; margin-bottom:50px; }
.xi_doser .layout,.xi_host_sup .layout{ overflow: hidden; }
.xi_doser ul{ margin-top: 60px; width: 1240px; }
.xi_doser li{ text-align: center; background: #fff; float: left; width: 580px; height: 200px; line-height: 200px; margin-bottom: 40px; margin-right: 40px; transition: all .25s; -webkit-transition: all .25s; }
.xi_doser li:nth-child(2n){ margin-right: 0; }
.xi_doser li a{ display: block; }
.xi_doser li .xi_dostext{ text-align: left; width: 315px; }
.xi_doser li h2{ font-size: 20px; color: #555; margin-bottom: 20px; }
.xi_doser li .xi_text_p{ font-size: 14px; color: #999; line-height: 24px; max-height: 72px; overflow: hidden; } 
.xi_dosicon,.xi_dostext{ line-height: 1; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.xi_doser li .xi_dosicon{ margin-right: 40px; width: 120px; height: 120px; line-height: 120px; font-size: 0; background: #fff; border-radius: 50%; }
.xi_doser li .xi_dosicon img{ margin:0 auto; }
.xi_doser li:hover *{ color: #fff; }
.xi_doser li:hover .xi_dosicon img{ -webkit-animation: bounceInLeft .8s; animation: bounceInLeft .8s; }
.xi_dovs1:hover{ background: #3b99f0; }
.xi_dovs1 .xi_dosicon{ border: 1px solid #3b99f0; }
.xi_dovs2:hover{ background: #57be5b; }
.xi_dovs2 .xi_dosicon{ border: 1px solid #57be5b; }
.xi_dovs3:hover{ background: #25b49b; }
.xi_dovs3 .xi_dosicon{ border: 1px solid #25b49b; }
.xi_dovs4:hover{ background: #ff9000; }
.xi_dovs4 .xi_dosicon{ border: 1px solid #ff9000; }


.xi_doplist li:nth-child(1) .xi_doadv_icon img { padding-top:30px;}
.xi_doplist li:nth-child(2) .xi_doadv_icon img { padding-top:40px;}
.xi_doplist li:nth-child(3) .xi_doadv_icon img { padding-top:28px;}
.xi_doplist li:nth-child(4) .xi_doadv_icon img { padding-top:30px;}
.xi_doplist li:nth-child(5) .xi_doadv_icon img { padding-top:34px;}

.xi_doser li:nth-child(1) .xi_dosicon img { padding-top:30px;} 
.xi_doser li:nth-child(2) .xi_dosicon img { padding-top:30px;} 
.xi_doser li:nth-child(3) .xi_dosicon img { padding-top:30px;} 
.xi_doser li:nth-child(4) .xi_dosicon img { padding-top:33px;} 




/*单页服务器租用 */
.banner_zy{ height:475px; width:100%; background:url(../images/banner_zy.jpg) no-repeat center top;}

/*电话介绍*/
.xi_tel_info{ background: url(../images/xbg3.jpg) top center no-repeat; background-size: cover; padding: 60px 0; }
.xi_tel_info .xi_tibox{ padding: 50px; background: url(../images/sbgw9.png); } 
.xi_ti_h2{ text-align: center; font-size: 40px; color: #333; margin-bottom: 45px; }
.xi_ti_h2 span{ position: relative; padding: 0 60px; }
.xi_ti_h2 span:before{ content: ''; position: absolute; top: 50%; height: 1px; left: -380px; width: 380px; background: #f6f6f6; }
.xi_ti_h2 span:after{ content: ''; position: absolute; top: 50%; height: 1px; right: -380px; width: 380px; background: #f6f6f6; }
.xi_ti_icon{ text-align: center; }
.xi_ti_icon li{ height: 55px; line-height: 55px; border-left: 1px solid #eee; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 65px; }
.xi_ti_icon li:first-child{ border-left: none; }
.xi_ti_icon li img{ max-height: 100%; max-width: 120px; vertical-align: bottom; }
.xi_ti_text{ margin: 30px auto 35px; text-align: center; color: #333; font-size: 14px; line-height: 40px; }
.xi_ti_des{ text-align: center; }
.xi_ti_des li{ display: inline-block; *display: inline; *zoom: 1; margin: 0 22px; }
.xi_ti_des img{ width: 50px; height: 50px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.xi_ti_des .text{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 12px; color: #555; padding: 0 15px; width: 120px; }
.xi_ti_des li:hover img{ animation: bounce 1s 0s linear normal; -webkit-animation: bounce 1s 0s linear normal; }
.xi_tel_inq{ padding: 40px 0 60px; text-align: center; }
.xi_tiq_list{ margin-top: 45px; }
.xi_tiq_list li{ overflow: hidden; padding-top: 36px; height: 480px; float: left; width: 25%; box-sizing: border-box; border: 1px solid #eee; border-left: none; transition: all .25s; -webkit-transition: all .25s; }
.xi_tiq_list li:first-child{ border-left: 1px solid #eee; }
.xi_tiq_list dd .xi_box{ font-size: 16px; color: #555; height: 38px; line-height: 38px; width: 100px; margin: 0 24px; box-sizing: border-box; float: left; }
.xi_tiq_list dd a{ display: none; }
.xi_tiq_list .xi_h2{ padding: 0 10px; font-size: 24px; color: #333; }
.xi_tiq_list .xi_num{ color: #fff; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; font-size: 72px; margin: 28px auto 30px; }
.xi_tiq_list .xi_box a{ background: #fff; min-width: 100px; border-radius: 3px; }
.xi_tiq4 .xi_num{ font-size: 30px; font-weight: bold; }
.xi_tiq1:hover,.xi_tiq1 .xi_num{ background: #ff9000; }
.xi_tiq2:hover,.xi_tiq2 .xi_num{ background: #3b99f0; }
.xi_tiq3:hover,.xi_tiq3 .xi_num{ background: #57be5b; }
.xi_tiq4:hover,.xi_tiq4 .xi_num{ background: #ff6868; }
.xi_tiq_list li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.xi_tiq_list li:hover *{ color: #fff; }
.xi_tiq_list li:hover .xi_num{ background: #fff; }
.xi_tiq_list li .xi_box:hover span{ display: none; }
.xi_tiq_list li .xi_box:hover a{ display: inline-block; *display: inline; *zoom: 1; }
.xi_tiq1:hover .xi_num,.xi_tiq1 .xi_box a{ color: #ff9000; }
.xi_tiq2:hover .xi_num,.xi_tiq2 .xi_box a{ color: #3b99f0; }
.xi_tiq3:hover .xi_num,.xi_tiq3 .xi_box a{ color: #57be5b; }
.xi_tiq4:hover .xi_num,.xi_tiq4 .xi_box a{ color: #ff6868; }
.xi_tiq_form{ font-size: 0; padding: 58px 0 0; }
.xi_tiq_form p{ font-size: 18px; color: #333; margin-bottom: 16px; }
.xi_tiq_form input{ font-size: 14px; padding: 0 20px; height: 48px; line-height: 48px; _line-height: 48px; *line-height: 48px; border: 1px solid #ddd; }
.xi_tiq_form .xi_binp{ width: 258px; margin: 0 10px; }
.xi_tiq_form .xi_code_box{ margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.xi_tiq_form .xi_code_box input{ width: 58px; }
.xi_tiq_form .xi_code_img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; border: 1px solid #ddd; border-left: none; width: 99px; height: 48px; line-height: 48px; background: #ededed; text-align: center; font-size: 0; }
.xi_tiq_form .xi_code_img img{ max-width: 100%; max-height: 100%; cursor: pointer; }
.xi_tiq_form .xi_sub{ cursor: pointer; margin: 0 10px; width: 100px; height: 50px; background: #3b99f0; color: #fff; border: none; text-align: center; font-size: 16px; transition: all .25s; -webkit-transition: all .25s; }
.xi_tiq_form .xi_sub:hover{ -moz-box-shadow: 0 0 5px 1px #ededed inset; -webkit-box-shadow: 0 0 5px 1px #ededed inset; box-shadow: 0 0 5px 1px #ededed inset; }
.xi_tel_pac{ overflow: hidden; padding: 50px 0 65px; background: #f0f0f0 url(../images/xbg4.jpg) top center no-repeat; background-size: cover; }
.xi_tel_pac ul.clearfix{ margin-top: 50px; width: 1230px; }
.xi_tel_pac .xi_li{ float: left; margin-right: 30px; position: relative; padding: 55px 20px; text-align: center; width: 277px; height: 520px; box-sizing: border-box; border-top: 2px solid #ddd; background: #fff; transition: all .25s; -webkit-transition: all .25s; }
.xi_tel_pac .xi_li:last-child{ margin-right: 0; }
.xi_tel_pac .xi_li:before{ content: ''; position: absolute; left: 0; top: -2px; width: 0; height: 2px; background: #3b99f0; transition: all .25s; -webkit-transition: all .25s; }
.xi_tel_pac .xi_li .xi_tit{ width: 21px; height: 42px; display: block; position: absolute; left: 30px; top: -2px; }
.xi_tel_pac .xi_li.hot .xi_tit{ background: url(../images/xicon33.png) center no-repeat; }
.xi_tel_pac .xi_li.new .xi_tit{ background: url(../images/xicon34.png) center no-repeat; }
.xi_tel_pac .xi_li.year .xi_tit{ background: url(../images/xicon35.png) center no-repeat; }
.xi_tel_pac .xi_li h2{ margin-bottom: 30px; font-size: 24px; color: #ff0000; font-weight: 100; }
.xi_tel_pac .xi_bpri{ margin-bottom: 20px; color: #e6000a; }
.xi_tel_pac .xi_bpri em{ vertical-align: middle; font-size: 60px; }
.xi_tel_pac .xi_bpri font{ margin-left: 10px; font-size: 14px; width: 15px; word-break: break-all; word-wrap: break-word; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 15px; }
.xi_tel_pac .xi_spri{ color: #e6000a; font-size: 40px; vertical-align: middle; }
.xi_tel_pac .xi_spri font{ margin-left: 10px; font-size: 18px; color: #e6000a; }
.xi_tel_pac .slick-dots{ bottom: 70px; }
.xi_tel_pac .slick-dots li{ background: #eee; width: 14px; height: 14px; margin: 0 5px; border-radius: 50%; display: inline-block; *display: inline; *zoom: 1; }
.xi_tel_pac .slick-dots li.slick-active{ background: #3b99f0; }
.xi_tel_pac .xi_text{ height: 180px; color: #555; line-height: 36px; font-size: 14px; }
.xi_tel_pac .xi_text em{ color: #3b99f0; }
.xi_tel_pac .xi_stext{ margin-bottom: 13px; height: 36px; }
.xi_pack_buy{ border: none; margin-top: 52px; width: 100%; height: 50px; line-height: 50px; background: #3b99f0; color: #fff; font-size: 18px; display: block; border-radius: 3px; transition: all .25s; -webkit-transition: all .25s; }
.xi_pack_buy:hover{ -moz-box-shadow: 0 0 5px 1px #ededed inset; -webkit-box-shadow: 0 0 5px 1px #ededed inset; box-shadow: 0 0 5px 1px #ededed inset; }
.xi_tel_pac .xi_li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.xi_tel_pac .xi_li:hover:before{ width: 100%; }
.xi_tel_fun{ padding: 40px 0 20px; }
.xi_tel_fun ul{ margin-top: 85px; }
.xi_tel_fun li{ margin-bottom: 44px; float: left; width: 25%; text-align: center; }
.xi_tel_fun li img{ border-radius: 8px; overflow: hidden; width: 120px; height: 120px; margin-bottom: 30px; transition: all .25s; -webkit-transition: all .25s; }
.xi_tel_fun li h2{ padding: 0 20px; box-sizing: border-box; color: #555; font-size: 18px; height: 72px; transition: all .25s; -webkit-transition: all .25s; }
.xi_tel_fun li:hover h2{ color: #3b99f0; }
.xi_tel_fun li:hover img{ -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.xi_tel_adv{ padding: 60px 0 65px; background: #f6f6f6; }
.xi_tel_adv li .xi_text_p{ font-size: 18px; color: #555; line-height: 36px; height: 72px; }
.xi_tel_adv li:hover *{ color: #fff; }
.xi_tel_adv li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.xi_tela1:hover{ background: #ff9a16; }
.xi_tela1 .xi_dosicon{ border: 1px solid #ff9a16; }
.xi_tela2:hover{ background: #3b99f0; }
.xi_tela2 .xi_dosicon{ border: 1px solid #3b99f0; }
.xi_tela3:hover{ background: #57be5b; }
.xi_tela3 .xi_dosicon{ border: 1px solid #57be5b; }
.xi_tela4:hover{ background: #ff6868; }
.xi_tela4 .xi_dosicon{ border: 1px solid #ff6868; }
address, b, caption, cite, code, dfn, em, i, th, var { font-style:normal;font-weight: 400;}
/*虚拟主机*/
.xi_host_pac{ padding: 40px 0; }
.xi_host_pac ul.clearfix{ margin-top: 0; }
.xi_host_pac .xi_li{ width: 380px; padding: 40px 30px 30px; height: 600px; }
/* 微信公众号 */
.xi_gzh_pac .xi_li h2{ color:#44B549; }
.xi_gzh_pac .xi_li:before{ background:#44B549; }
.xi_gzh_pac .xi_li .xi_pack_buy{ background:#44B549; }
.xi_gzh_pac .xi_li:nth-child(3) .txt{ height:80px; overflow: visible; line-height:20px; }
.xi_gzh_pac .xi_text .xi_tover span{ float: right; }
/* 公共样式 */
.xi_host_pac .xi_li h2{ font-size: 27px; margin-bottom: 34px; }
.xi_host_pac .xi_li h2 span{ font-weight: 100; color: #000; display:block; font-size:14px; }
.xi_host_pac .box{ height: 50px; border-left: 1px solid #eee; width: 33.3%; float: left; box-sizing: border-box; }
.xi_host_pac .box1{ text-align: left; border-left: none; }
.xi_host_pac .box3{ text-align: right; }
.xi_host_pac .box .xi_btop{ font-size: 24px; color: #333; line-height: 26px; }
.xi_host_pac .box .xi_bbot{ font-size: 14px; color: #999; line-height: 24px; }
.xi_host_pac .xi_bpri{ margin: 53px 0 45px; }
.xi_host_pac .xi_bpri em{ font-size: 72px; }
.xi_host_pac .xi_bpri font{ font-size: 18px; line-height: 18px; }
.xi_host_pac .xi_text{ margin-top:52px; height: 220px; font-size: 12px; color: #777; text-align: left; line-height: 30px; }
.xi_host_pac .xi_pack_buy{ height: 60px; line-height: 60px; margin-top: 36px; }
.xi_host_sup{ padding: 40px 0 30px; background: url(../images/xbg6.jpg) top center no-repeat; }
.xi_host_sup ul.clearfix{ text-align: center; width: 1230px; margin-top: 65px; }
.xi_host_sup li{ margin-bottom: 30px; padding: 40px 45px; float: left; background: #fff; margin-right: 30px; width: 380px; height: 280px; box-sizing: border-box; transition: all .25s; -webkit-transition: all .25s; } 
.xi_host_sup .img{ margin-bottom: 27px; height: 60px; line-height: 60px; font-size: 0; }
.xi_host_sup .img img{ max-height: 100%; transition: all .25s; -webkit-transition: all .25s; margin: 0 auto; }
.xi_host_sup .xi_hsuph2{ margin-bottom: 20px; font-size: 20px; color: #333; }
.xi_host_sup .xi_hsuptxt{ height: 72px; color: #999; font-size: 12px; line-height: 24px; }
.xi_host_sup li:hover *{ color: #fff; }
.xi_host_sup li:hover .img img{ animation: bounce 1s 0s linear normal; -webkit-animation: bounce 1s 0s ease-out normal; }
.xi_host_sup .xi_hsup3,.xi_host_sup .xi_hsup6{ margin-right: 0; }
.xi_host_sup .xi_hsup1:hover{ background: #ff9000; }
.xi_host_sup .xi_hsup2:hover{ background: #3b99f0; }
.xi_host_sup .xi_hsup3:hover{ background: #57be5b; }
.xi_host_sup .xi_hsup4:hover{ background: #ff6868; }
.xi_host_sup .xi_hsup5:hover{ background: #25b49b; }
.xi_host_sup .xi_hsup6:hover{ background: #827af6; }
.xi_host_adv{ padding: 60px 0 0; }
.xi_host_adv{ background: #fff url(../images/xbg5.png) top center no-repeat; }
.xi_host_adv li{ border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; }
.xi_host_adv li .xi_dosicon{ border-radius: 20px; }
.xi_host_adv li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); border: #fff; }